<%@page import="com.windfone.common.Constant"%>
<%@ page language="java" contentType="text/html; charset=utf-8"    pageEncoding="utf-8"%>
<%@ include file="head.jsp" %>
<%@ taglib uri="/WEB-INF/recommend.tld" prefix="windfone" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>手机中心</title>
<%@ include file="headkey.jsp" %>
<link rel="stylesheet" type="text/css" href="css/index.css"/>
<link rel="stylesheet" type="text/css" href="css/header.css"/>
<link rel="stylesheet" type="text/css" href="css/reset.css"/>
<style>
#coodoo_Header a
{
	font-size:14px;
	font-weight:bold;
	font-weight:bold;
	font-size:14px;
	color:#FFFFFF;
	text-decoration:none;
}
</style>
<style>
html{color:black; background:white;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,blockquote,th,td{margin:0; padding:0;}
body{font-size:12px; font-family:Arial, Helvetica, sans-serif;}
img{border:0px; vertical-align:top;}
a{font-size:12px; text-decoration:none;}
a,a:link,a:visited{color:#353535;}
a:hover{color:#fc6900;}	
.floatend{clear:both; line-height:0px; height:0px; font-size:0px;}	
.dl_glist{float:left; list-style-type:none; text-align:center; height:141px; padding:0 5px 5px 5px;}
.dl_glist li{word-break:bread-all;}
.dl_glist li.img{background:white;}
.dl_glist li.mobileCenterPrice{color:#009a00; font-weight:bold; font-size:13px;}	
	
.box2{clear:both;}
.box2 dd.tl{float:left; width:7px; height:25px;}
.box2 dd.tb{float:left; height:25px;}
.box2 dd.tr{float:left; width:7px; height:25px;}
.box2 dd.bl{float:left; width:7px; height:7px; font-size:0px;}
.box2 dd.bb{float:left; height:7px; font-size:0px;}
.box2 dd.br{float:left; width:7px; height:7px; font-size:0px;}

.box2 div.tl{float:left; width:7px; height:25px;}
.box2 div.tb{float:left; height:25px;}
.box2 div.tr{float:left; width:7px; height:25px;}
.box2 div.bl{float:left; width:7px; height:7px; font-size:0px;}
.box2 div.bb{float:left; height:7px; font-size:0px;}
.box2 div.br{float:left; width:7px; height:7px; font-size:0px;}
.box2 .bgtright{background:url(images/box1/bg25_tright.jpg);}
.box2 .bgtleft{background:url(images/box1/bg25_tleft.jpg);}
.box2 .bgtbg{background:url(images/box1/bg25_tbg.jpg);}
.box2 .bgbleft{background:url(images/box1/bg25_bleft.jpg);}
.box2 .bgbbg{background:url(images/box1/bg25_bbg.jpg);}
.box2 .bgbright{background:url(images/box1/bg25_bright.jpg);}
.box2 .bgbg{clear:both; border-left:solid 1px #c2c2c2; border-right:solid 1px #ddd;}
	
 
.classbox div.body{width:950px; border-left:solid 1px #dcdcdc; border-right:solid 1px #dcdcdc; padding:7px 7px 0px 7px;}
.Classbox{width:950px; clear:both; margin:0 auto 0 auto;} 

.classbox div.tl1{height:19px; background:url(CustomCtrl/GoodsClassCtrl/classbox_img1.jpg) no-repeat; font-weight:bold; color:#2b9cd8; font-size:14px; padding:9px 0 0 23px;}

.classbox dl.cbox dd.tl{float:left; width:7px; height:31px;}
.classbox dl.cbox dd.tb{float:left; height:31px;}
.classbox dl.cbox dd.tr{float:left; width:7px; height:31px;}
.classbox dl.cbox dd.bl{float:left; width:7px; height:7px; font-size:0px;}
.classbox dl.cbox dd.bb{float:left; height:7px; font-size:0px;}
.classbox dl.cbox dd.br{float:left; width:7px; height:7px; font-size:0px;}

.classbox dl.cbox .gg31tleft{background:url(CustomCtrl/GoodsClassCtrl/gg31_tleft.jpg);}
.classbox dl.cbox .gg31tbg{background:url(CustomCtrl/GoodsClassCtrl/gg31_tbg.jpg);}
.classbox dl.cbox .gg31tright{background:url(CustomCtrl/GoodsClassCtrl/gg31_tright.jpg);}
.classbox dl.cbox .gg31bleft{background:url(CustomCtrl/GoodsClassCtrl/gg31_bleft.jpg);}
.classbox dl.cbox .gg31bbg{background:url(CustomCtrl/GoodsClassCtrl/gg31_bbg.jpg);}
.classbox dl.cbox .gg31bright{background:url(CustomCtrl/GoodsClassCtrl/gg31_bright.jpg);}
.classbox dl.cbox .gg31bg{clear:both; border-left:solid 1px #dcdcdc; border-right:solid 1px #dcdcdc;}

.classbox dl.cbox table{border-collapse:collapse; width:100%;}
.classbox dl.cbox table td{padding:1px; text-align:center; vertical-align:middle; width:20%;}



.mcbox{width:950px; margin:0 auto 10px auto;}
.mcbox div.tl1{float:left; height:19px; background:url(images/mc_img1.jpg) no-repeat; font-weight:bold; color:#2b9cd8; font-size:14px; padding:6px 0 0 23px;}
.mcbox dl.dl1{float:right;}
.mcbox dl.dl1 dd.txt{float:right; height:17px; padding-top:8px; color:#959597; font-weight:bold;}
.mcbox dl.dl1 dd.img{float:right; height:21px; padding:4px 3px 0 0;}
.mcbox dl.dl1 dd.img img{display:block;}
.mcbox div.gs{width:948px; padding:7px 7px 0 7px;}
 
</style>
 
</head>
<body style="background-color: #000000;"> 
	<%@ include file="navigate.jsp" %>
<div align="center"  style="background-color:#FFFFFF;width: 950px;margin:0 auto;">
<%-- main begin --%>    
<div class="mcbox">
	<div id="ctl00_cpBody_GoodsClassCtrl1_classbody" class="classbox">
	<dl class="cbox">
		<dd class="tl gg31tleft"></dd>
		<dd class="tb gg31tbg" style="width:936px;"><div class="tl1" title="手机大全,全部手机品牌分类">品牌分类</div></dd>
		<dd class="tr gg31tright"></dd>

		<dd class="bg gg31bg" style="width:948px;">
			<table>
				<tr>
					<td><a href="mobileCenter.action?typeId=<windfone:productType typeName='诺基亚'/>&status=1" ><img src="image/cs_nokia.png" /></a></td>
					<td><a href="mobileCenter.action?typeId=<windfone:productType typeName='索爱'/>&status=1" ><img src="image/cs_se.png" /></a></td>
					<td><a href="mobileCenter.action?typeId=<windfone:productType typeName='三星'/>&status=1"><img src="image/cs_sam.png" /></a></td>
					<td><a href="mobileCenter.action?typeId=<windfone:productType typeName='LG'/>&status=1"><img src="image/cs_lg.png" /></a></td>
					<td><a href="mobileCenter.action?typeId=<windfone:productType typeName='摩拉'/>&status=1"><img src="image/cs_moto.png" /></a></td>
				</tr>

				<tr>
					<td><a href="mobileCenter.action?typeId=<windfone:productType typeName='HTC'/>&status=1"><img src="image/cs_htc.png"/></a></td>
					<td><a href="mobileCenter.action?typeId=<windfone:productType typeName='夏普'/>&status=1"><img src="image/cs_sharp.png" /></a></td>
					<td><a href="mobileCenter.action?typeId=<windfone:productType typeName='苹果'/>&status=1"><img src="image/cs_apple.png" /></a></td>
					<td><a href="mobileCenter.action?typeId=<windfone:productType typeName='黑莓'/>&status=1"><img src="image/cs_blackberry.png"/></a></td>
					<td><a href="mobileCenter.action?typeId=<windfone:productType typeName='其他'/>&status=1"><img src="image/cs_other.png" /></a></td>
				</tr>
			</table>
		</dd>

		<dd class="bl gg31bleft"></dd>
		<dd class="bb gg31bbg" style="width:936px;"></dd>
		<dd class="br gg31bright"></dd>
		<dd class="floatend"></dd>
	</dl>
</div>

</div>
<div class="mcbox">
	<dl class="box2">
		<dd class="tl bgtleft"></dd>

		<dd class="tb bgtbg" style="width:936px;">
			<div class="tl1" >热销机型</div>
			<!-- 
			<dl class="dl1">
				<dd class="img"><a href="#" onclick="SortData('hit')"><img id="ctl00_cpBody_imgSortHit" src="http://www.22shop.com/Images/sort_hit_up2.png" style="border-width:0px;" /></a></dd>
				<dd class="img"><a href="#" onclick="SortData('date')"><img id="ctl00_cpBody_imgSortDate" src="http://www.22shop.com/Images/sort_date_up2.png" style="border-width:0px;" /></a></dd>
				<dd class="img"><a href="#" onclick="SortData('price')"><img id="ctl00_cpBody_imgSortPrice" src="http://www.22shop.com/Images/sort_price_up2.png" style="border-width:0px;" /></a></dd>
				<dd class="txt">排序：</dd>
				<dd class="floatend"></dd>

			</dl>
			-->
			<div class="floatend"></div>
		</dd>
		<dd class="tr bgtright"></dd>
<!-- main begin -->
		<dd class="bg bgbg" style="width:948px;">
			<div class="gs">
				<c:if test="${not empty products }">
				<c:forEach var="mobile" items="${products}" varStatus="status">
				<ul class="dl_glist" style="width:120px;">
  					<li class="img">
    					<a href="detailMobile.action?productId=${mobile.id }">
					      <img src="<%=contextPath %>/${mobile.imagepath}"   style="width:70px; height:90px;" />
    					</a>
  					</li>
  					<li>
    					<a href="detailMobile.action?productId=${mobile.id }">${mobile.name }</a>
  					</li>
  					<li class="mobileCenterPrice"><c:if test="${mobile.price == 0.0 }">即將上市</c:if><c:if test="${mobile.price != 0.0 }">￥${mobile.price }</c:if></li>
				</ul>
				</c:forEach>
				</c:if>
				<c:if test="${ empty products }">
				<windfone:commend attriName="firstMobiles" commendType="<%=com.windfone.common.Constant.MOBILE_CENTER_PAGE_HOT_MOBILE%>"></windfone:commend>
			 			<c:if test="${not empty firstMobiles }">
				<c:forEach var="mobile" items="${firstMobiles}" varStatus="status">
				<ul class="dl_glist" style="width:120px;">
  					<li class="img">
    					<a href="detailMobile.action?productId=${mobile.id }">
					      <img src="<%=contextPath %>/${mobile.imagepath}"   style="width:70px; height:90px;" />
    					</a>
  					</li>
  					<li>
    					<a href="detailMobile.action?productId=${mobile.id }">${mobile.name }</a>
  					</li>
  					<li class="mobileCenterPrice">￥${mobile.price }</li>
				</ul>
				</c:forEach>
				</c:if>
				</c:if>
				
				<div class="floatend"></div>
			</div>
		</dd>

<!-- main end -->

		<dd class="bl bgbleft"></dd>
		<dd class="bb bgbbg" style="width:936px;"></dd>
		<dd class="br bgbright"></dd>
		<dd class="floatend"></dd>

	</dl> 
	  <%@ include file="bottom.jsp" %>
</div>
<%-- main end --%> 	
</div>
 <div style="width:950px;height: 15">&nbsp;</div>
</body>
</html>
